<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">

    <!-- 表单验证js插件 -->
    <script src="../lib/jquery.min.js"></script>
    <script src="../lib/jquery.validate.min.js"></script>
    <script src="../js/login.js"></script>
</head>
<body>
    <!-- 页头 -->
    <div class="header">
        <!-- 头部top区域 -->
        <div class="container-fluid bck000">
            <div class="head-top container clearfix cfff pr">
                <p class="fl pl210">乐购www.legou.com</p>
                <p class="fr">欢迎光临乐购&emsp; 请&nbsp;<a href="#" class="ti4">登录</a>&nbsp;\&nbsp;<a href="#"
                        class="ti4">注册</a></p>
                <div class="head-logo">
                        <img src="../imgs/logo.png" alt="">
                        <span class="fr">注册</span>
                </div>
            </div>
        </div>
        <div class="head-bottom container">
            <h2 class="fl">欢迎登陆</h2>
            <p class="fr fs18 ca6a6a6">已有账号，请<a href="#" class="c666 pl10">登录</a></p>
        </div>

    </div>

    <!-- 登录和注册 -->
    <div class="login">
        <div class="container pr">
            <div class="login-box">
                <p class="login-box-top fs22 clearfix">
                    <a href="#" class="fl on">扫码登录</a>
                    <a href="#" class="fr">账户登录</a>
                </p>

                <!-- 扫码登录 -->
                <div class="scan active">
                    <div class="scan-box pr">
                        <img src="../imgs/show.png" alt="" class="show">
                        <img src="../imgs/phone.png" alt="" class="phone">
                    </div>
                    <h2>打开手机版<a href="#" class="cf60"> 乐购APP </a> 扫一扫</h2>
                </div>

                <!-- 账号登录 -->
                <form action="#" class="account">
                    <div>
                        <label for="#" class="label-user"></label>
                        <input type="text" name="user" class="user" placeholder="用户名">
                        <i></i>
                    </div>
                    <div>
                        <label for="#" class="label-pwd"></label>
                        <input type="password" name="pwd" class="pwd" placeholder="密码">
                        <i></i>
                    </div>
                    <p>
                        <input type="checkbox">自动登录
                        <a href="" class="fr">忘记密码</a>
                    </p>
                    <input type="submit" value="提&emsp;交">
                    <h3 class="fs18 cf60"><i></i> <a href="#">立即注册</a></h3>
                </form>
            </div>
        </div>
    </div>

    <!-- 页尾 -->
    <div class="container footer-bottom">
        <p>公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
        <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
</body>
</html>